<!DOCTYPE html>
<html lang="en">
<head>
<title>Géminis Taller | Servicios</title>
<meta charset="utf-8">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen">
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
    $(".lightbox").append("<span></span>");
    $("a[data-gal^='prettyVideo']").prettyPhoto({
        animation_speed: 'normal',
        theme: 'facebook',
        slideshow: false,
        autoplay_slideshow: false
    });
});
</script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
<![endif]-->
</head>
<body id="page3">
<div class="main-bg">
  <div class="bg">
    <!--==============================header=================================-->
    <header>
      <div class="main">
        <div class="wrapper">
          <h1><a href="inicio">Géminis Taller</a></h1>
          <div class="fright">
            <div class="indent"> <span class="address">Avda. Bruno Guggiari 123</span> <span class="phone">Tel: +595 (21) 555 923</span><span class="address">LUNES a VIERNES: 7:00 a 17:00</span> </div>
          </div>
        </div>
        <nav>
          <ul class="menu">
            <li><a href="inicio">Inicio</a></li>
            <li><a href="empresa">La Empresa</a></li>
            <li><a class="active" href="servicios">Servicios</a></li>
            <li><a href="ubicacion">Ubicación</a></li>
			<li><a href="contacto">Contacto</a></li>
			<li><a href="clientes">Area Clientes</a></li>
          </ul>
        </nav>
      </div>
    </header>
    <!--==============================content================================-->
    <section id="content">
      <div class="main">
        <div class="container_12">
 <div class="wrapper p4">
            <article class="grid_4">
              <div class="wrapper">
                <figure class="img-indent"><img src="images/page1-img1.png" alt=""></figure>
                <div class="extra-wrap">
                  <h4>Reparación y Rectificación de Motores</h4>
                  <p class="p2">Lorem ipsum dolosit amet, consetetur sadipng elitr sed diam nonumy eirmod.</p>
                  <!--<a class="button" href="#">Leer más</a> -->
				</div>
              </div>
            </article>
            <article class="grid_4">
              <div class="wrapper">
                <figure class="img-indent"><img src="images/page1-img2.png" alt=""></figure>
                <div class="extra-wrap">
                  <h4>Mantenimiento del Vehículo</h4>
                  <p class="p2">Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
                  <!--<a class="button" href="#">Read More</a> -->
				</div>
              </div>
            </article>
            <article class="grid_4">
              <div class="wrapper">
                <figure class="img-indent"><img src="images/page1-img3.png" alt=""></figure>
                <div class="extra-wrap">
                  <h4>Reparación</h4>
                  <p class="p2">No sea takimata sanctus est gorem ipsum dolor sit amet forem ipsum.</p>
                  <!--<a class="button" href="#">Read More</a> -->
				</div>
              </div>
            </article>
          </div>
          <div class="container-bot">
            <div class="container-top">
              <div class="container">
                <div class="wrapper">
                  <article class="grid_4">
                    <div class="indent-left">
                      <h3>¿Porqué el mantenimiento es importante?</strong></h3>
                      <h6>Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</h6>
                      <p class="indent-bot">Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua vero eos et accusam et justo duo dolores et ea rebum. </p>
                      <figure class="indent-bot"><img src="images/page3-img1.png" alt=""></figure>
                      <p class="prev-indent-bot2">Y recuerde que es importante revisar periódicamente:</p>
                      <ul class="list-2">
                        <li>Nivel de Aceite</li>
                        <li>Nivel de Agua del Radiador</li>
                        <li>Niveles de fluidos de freno y dirección hidráulica</li>
                        <li>Presión de las ruedas</li>
                      </ul>
                    </div>
                  </article>
                  <article class="grid_8">
                    <div class="indent-left2">
                      <h3 class="p1">Nuestros Servicios</h3>
                      <div class="wrapper img-indent-bot">
                        <figure class="img-indent3"><!--<a class="lightbox" href="images/video-dummy.gif" data-gal="prettyVideo[prettyVideo-1]" title="Video 1">--><img src="images/page3-img2.png" alt=""></a></figure>
                        <div class="extra-wrap">
                          <p class="p1">Consetetur</p>
                          <h6><strong>Consetetur sadipscing elitr sed diam </strong></h6>
                          Nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. </div>
                      </div>
                      <div class="wrapper img-indent-bot">
                        <figure class="img-indent3"><!--<a class="lightbox" href="images/video-dummy.gif" data-gal="prettyVideo[prettyVideo-2]" title="Video 2">--><img src="images/page3-img3.png" alt=""></a></figure>
                        <div class="extra-wrap">
                          <p class="p1">Lorem ipsum</p>
                          <h6><strong>Lorem ipsum dolor amet consetetur sadipscing </strong></h6>
                          Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata. </div>
                      </div>
                      <div class="wrapper img-indent-bot">
                        <figure class="img-indent3"><!--<a class="lightbox" href="images/video-dummy.gif" data-gal="prettyVideo[prettyVideo-3]" title="Video 3">--><img src="images/page3-img4.png" alt=""></a></figure>
                        <div class="extra-wrap">
                          <p class="p1">Dorem ipsum</p>
                          <h6><strong>Dorem ipsum dolor sit amet</strong></h6>
                          Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum stet clita kasd gubergren. </div>
                      </div>
                      <div class="wrapper">
                        <figure class="img-indent3"><!--<a class="lightbox" href="images/video-dummy.gif" data-gal="prettyVideo[prettyVideo-4]" title="Video 4">--><img src="images/page3-img5.png" alt=""></a></figure>
                        <div class="extra-wrap">
                          <p class="p1">Nam liber</p>
                          <h6><strong>Nam liber tempor cum soluta nobis eleifend </strong></h6>
                          Option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. </div>
                      </div>
                    </div>
                  </article>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--==============================footer=================================-->
    <footer>
      <div class="main"> <span>Copyright &copy; <a href="http://www.geministaller.com">Géminis Taller</a> Todos los derechos reservados</span> Desarrollado por <strong>Corlo</strong></div>
    </footer>
  </div>
</div>
</div></body>
</html>
